<template>
	<view class="container">
		<view class="credit">
			<view class="my_num">
				<view class="tops">
					<text>当前可用资产</text>
					<view class="adc_total">{{ moneyFormat('4,083') }} ADC</view>
					<view class="cny_total">可兑换广告机：{{ moneyFormat('4000') }} CPM</view>
					<view class="eye" :class="[showPassword==true?'':'on']" :name="eyeIconName" @click="eyeIconName == 'eye-off' ? (eyeIconName = 'eye') : (eyeIconName = 'eye-off')"></view>
				</view>
				<view class="list">
					<view>总兑换<text>{{moneyFormat('23800')}}</text></view>
					<view>已解锁<text>{{moneyFormat('22600')}}</text></view>
					<view>冻结中<text>{{moneyFormat('4900')}}</text></view>
				</view>
			</view>
			<view class="countDdown">
				<view class="c_top">
					<view class="await">兑广告机需等待</view>
					<view class="dateFormat"><u-count-down :time="30 * 60 * 60 * 1000" format="HH h : mm m : ss s : SSS" autoStart millisecond></u-count-down></view>
				</view>
				 <view class="btn">兑换广告机<image src="/static/images/img_71.png" mode="widthFix"></image></view>
			</view>
			<view class="countDdown wait">
				<view class="c_top">
					<view class="await">账号暂失效倒计时</view>
					<view class="dateFormat"><u-count-down :time="30 * 60 * 60 * 100" format="HH h : mm m : ss s : SSS" autoStart millisecond></u-count-down></view>
				</view>
				<view class="btn adv">兑换广告机<image src="../../static/images/img_72.png" mode="widthFix"></image></view>
			</view>
			<view class="countDdown false">
				<view class="c_top">
					<view class="await">账户暂时失效，兑换广告机即可恢复</view>
				</view>
				<view class="btn adv">兑换广告机<image src="/static/images/img_72.png" mode="widthFix" ></image></view>
			</view>
			<view class="question">
				<view class="tit">常见问题</view>
				<view class="list">
					<u-collapse accordion :border="false">
						<u-collapse-item title="账户暂时失效倒计时？">
							<view class="con">不同的会员等级享有不同功率的广告机器运行权，零撸会员可运行10CPM的广告机，正式及以上的会员等级会员广告机运行权100CPM起，且为100的倍数递增。同的会员等级享有不同功率的广告机器运行权，零撸会员可运行10CPM的广告机，正式及以上的会员等级。 </view>
						</u-collapse-item>
						<u-collapse-item title="广告机器与AD币？">
							<view class="con">不同的会员等级享有不同功率的广告机器运行权，零撸会员可运行10CPM的广告机，正式及以上的会员等级会员广告机运行权100CPM起，且为100的倍数递增。同的会员等级享有不同功率的广告机器运行权，零撸会员可运行10CPM的广告机，正式及以上的会员等级。 </view>
						</u-collapse-item>
						<u-collapse-item title="什么情况下信誉值会减少？">
							<view class="con">不同的会员等级享有不同功率的广告机器运行权，零撸会员可运行10CPM的广告机，正式及以上的会员等级会员广告机运行权100CPM起，且为100的倍数递增。同的会员等级享有不同功率的广告机器运行权，零撸会员可运行10CPM的广告机，正式及以上的会员等级。 </view>
						</u-collapse-item>
					</u-collapse>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
	    data() {
	        return {
				navIndex: 0,
				height: '',
				eyeIconName: 'eye',
				showPassword: false,
	        }
	    },
	    methods: {
			checkIndex(index) {
				console.log(index)
				this.navIndex = index;
			},
	    },
		computed: {
			// 格式化金额，等位数转换为星
			moneyFormat(e) {
				return e => {
					if (e || e == 0) {
						e = e.toString();
					}
					if (e && this.eyeIconName == 'eye-off') {
						this.showPassword = true;
						let temp = [];
						e.split('').forEach(item => {
							temp.push('*');
					});
					return temp.join('');
					} else {
						this.showPassword =false;
						parseFloat(e)
						.toFixed(2)
						.replace(/(\d)(?=(\d{3})+\.)/g, '$1,');
						return e;
					}
				};
			},
			
		},
	}
</script>

<style lang="scss">
	@import url("../../common/style.scss");
	@import url("machine.scss");
	.question{
		padding-bottom: 70px;
	}
	.question .tit{
		padding-top: 60rpx;
	}
</style>